<template>
  <div>
    <!-- 打卡排行榜 -->
    <div
      class="flex-1 bg-white border-solid rounded-md overflow-hidden mt-1 px-3"
    >
      <!-- title -->
      <span class="text-[0.6rem] flex justify-center py-2">每日打卡排行榜</span>
      <!-- userList -->
      <div class="flex flex-col overflow-y-auto max-h-[9rem]">
        <ClockInUser :user="user" v-for="user in 20" class="mb-2"></ClockInUser>
      </div>
    </div>
  </div>
</template>

<script setup>
import ClockInUser from "@/components/HomePage/ClockInUser.vue";
</script>

<style lang="scss" scoped></style>
